<!--组件之间的切换-->

<!--引入vue框架-->
<script src="vue.js"></script>

<!--界面显示-->
<div id="app">
    <a href="#" @click.prevent="flag?flag:flag=!flag">登录</a>
    <a href="#" @click.prevent="flag?flag:flag=!flag">注册</a>
    <login v-if="flag"></login>
    <reg v-else></reg>
</div>
<!--定义脚本-->
<script>
    <!--注册登录组件-->
    Vue.component("login",{
        //在模版中在外层一定放一个div
        template:'<div>登录页面</div>'
    })
    //注册注册组件
    Vue.component("reg",{
        //在模版中在外层一定放一个div
        template:'<div>注册页面</div>'
    })
    var vue=new Vue({
        el:'#app',
        data:{
            flag:true,
        }
    })
</script>